﻿<!DOCTYPE html>

<html>
<head runat="server">
    <meta name="viewport" content="width=device-width" />
    <meta charset="utf-8">
    <title>Musicallis</title>

    <!-- Estilos e JavaScript --> 
    <link href="@Url.Content("~/content/bootstrap.css")" rel="stylesheet">
	<link href="@Url.Content("~/content/bootstrap-responsive.css")" rel="stylesheet">
    <link href="@Url.Content("~/content/secondary.css")" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="@Url.Content("~/scripts/bootstrap.min.js")"></script>
	
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>

</head>
<body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner-purple">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <img class="logoMusicallis brand" src="@Url.Content("~/images/musicallis-white.png")" border="0" />

            
          <div class="nav-collapse collapse">
			@{ Html.RenderPartial("_LoginPartial"); }
          </div>

        </div>
      </div>
    </div>

    <div class="container">

	  @RenderBody()

	  <hr>
	  
	  <footer>
		<p>&copy; Musicallis 2012</p>
	  </footer>
	  
	  <hr>

    </div>

    @RenderSection("Scripts", false)
</body>
</html>
